<template>
	<view>
		<uni-swiper-dot class="uni-swiper-dot-box" :info="info" :current="current" :mode="mode" field="content">
			<swiper class="swiper-box" @change="change" :current="swiperDotIndex" :autoplay="autoplay"
				:interval="interval" :circular="true" :duration="duration">
				<swiper-item v-for="(item, index) in info" :key="index">
					<view class="swiper-item">
						<image :src='item.url' mode="aspectFill" :draggable="false"></image>
					</view>
				</swiper-item>
			</swiper>
		</uni-swiper-dot>
	</view>
</template>

<script>
	import {
		initBannerTable
	} from '@/utils/sqlite/database/banner.js'
	import {
		checkTableExists
	} from '@/utils/sqlite/database/db.js'
	import {
		openDb,isTable,addTab,initDatabase
	} from '@/utils/sqlite/sqlite.js'
	export default {
		data() {
			return {
				info: [{
						url: '../static/swiper/1.jpg'
					},
					{
						url: '../static/swiper/2.jpg'
					},
					{
						url: '../static/swiper/3.jpg'
					},
					{
						url: '../static/swiper/4.jpg'
					},
					{
						url: '../static/swiper/5.jpg'
					}
				],

				modeIndex: -1,
				styleIndex: -1,
				current: 0,
				autoplay: true, // 开启自动播放 
				interval: 3000, // 自动切换时间间隔（毫秒）
				duration: 500, // 滑动动画时长（毫秒）
				mode: 'default',
				dotsStyles: {},
				swiperDotIndex: 0
			}
		},
		async mounted() {
			 try {
			        await openDb('test');  // 先确保数据库打开 
			        if (!await checkTableExists('media', 'banner')) {
			            const sql = `
			                CREATE TABLE IF NOT EXISTS banner (
			                  id INTEGER PRIMARY KEY AUTOINCREMENT,
			                  image_url TEXT NOT NULL,
			                  link_url TEXT,
			                  sort_order INTEGER DEFAULT 0,
			                  is_active BOOLEAN DEFAULT 1,
			                  created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP 
			                )
			              `;
						  console.log('222222222222');
			            await addTab('media',  sql); // 使用正确的数据库名 
			        }
			    } catch (err) {
			        console.error('error:',  err);
			    }
			// try {
			// 	console.log("1111111111111111111111111")
			// 	console.log("======================", await checkTableExists('media', 'banner'))
			// 	//首先检查banner表是否存在
			// 	if (!await checkTableExists('media', 'banner')) {
			// 		// await initBannerTable()
			// 		this.initDatabase()
			// 		console.log("@@@@@@@@@@@@@");
			// 		let sql =
			// 			'create table if not exists dataList("list" INTEGER PRIMARY KEY AUTOINCREMENT,"id" TEXT,"image" TEXT)'
			// 		await this.addTab('media', sql)
			// 	}
			// } catch (err) {
			// 	console.error('error:', err.message)
			// }


		},
		methods: {
			// utils/sqlite.js  
			// addTab(name, sql){  // 必须使用 export 
			//     return new Promise((resolve, reject) => {
			//         plus.sqlite.executeSql({ 
			//             name: name,
			//             sql: sql,
			//             success: resolve,
			//             fail: reject 
			//         });
			//     });
			// },
			// async initDatabase() {
			//         try {
			//             await new Promise((resolve, reject) => {
			//                 plus.sqlite.openDatabase({ 
			//                     name: 'media',
			//                     success: resolve,
			//                     fail: reject 
			//                 });
			//             });
			//             console.log(' 数据库已打开');
			//         } catch (e) {
			//             console.error(' 错误:', e);
			//         }
			//     },
			change(e) {
				this.current = e.detail.current;
			}
		},
		onLoad: function() {}
	}
</script>

<style>
	.swiper-box {
		height: 100vh;
	}

	.swiper-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #fff;
		height: 100vh;
		line-height: 100vh;
	}
</style>